<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<body>
<script th:inline="javascript">
    $(function () {
        //菜单绑定
        $(".switchMenu").on("click",function(){
            if($(this).find("i.fa-outdent").length>0){
                $(this).find("i").removeClass("fa-outdent").addClass("fa-indent");
            }else{
                $(this).find("i").removeClass("fa-indent").addClass("fa-outdent");
            }
            $(".layui-layout-admin").toggleClass("showMenu");
        });
    })
</script>
<header th:fragment="header">
    <div class="layui-layout layui-layout-admin">
        <!--水平栏-->
        <div class="layui-header">
            <!--LOGO-->
            <a href="javascript:;" class="layui-hide-xs">
                <a href="/home" style="font-weight: bold;">
                    <div class="layui-logo">RSOSA管理端</div>
                </a>
            </a>
            <a href="javascript:;" class="layui-hide-xs">
                <div class="switchMenu" style="display: none";>
                    <i class="fa fa-indent"></i>
                </div>
            </a>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <img src="/images/admin.jpg"class="layui-nav-img">
                        <!--username-->
                        admin
                    </a>
                    <dl class="layui-nav-child">
                        <dd id="updUsePwdDd" class="layui-this">
                            <a href="javascript:;" onclick="updateUsePwd();">修改密码</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="/logout">logout</a> </li>
            </ul>
        </div>
        <!--侧边栏-->
        <div class="layui-side layui-bg-black">
            <!--getMenu 动态生成侧边栏回调到div = layui-side-scroll-->
            <div class="layui-side-scroll"></div>
        </div>
    </div>
<script type="text/javascript" src="/js/head.js"></script>
</header>
</body>
</html>